import { Message, MessageBox } from 'element-ui'
import util from '@/libs/util.js'
import router from '@/router'
import api from '@/api'
import { getUserInfo } from '@/api/userInfo'
// import * as Watching from 'node_modules/webpack/lib/Watching'

export default {
    namespaced: true,
    actions: {
        /**
         * @description 登录
         * @param {Object} context
         * @param {Object} payload username {String} 用户账号
         * @param {Object} payload password {String} 密码
         * @param {Object} payload route {Object} 登录成功后定向的路由对象 任何 vue-router 支持的格式
         */

        getCaptcha() {

            const data = fetch('/api/captcha', {
                headers: {
                    'Content-Type': 'image/jpeg'
                }
            })
            const date = new Date().getTime()
            return `http://localhost:8080/api/captcha#${date}`
                // return data

        },
        async login({ dispatch }, {
            username = '',
            password = '',
            code = ''
        } = {}) {
            const res = await fetch('/api/user/login', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json'
                    },
                    body: JSON.stringify({
                        username: username,
                        password: password,
                        code: code
                    })
                }).then(response => response.json())
                .then(data => {
                    return data
                })
                // 发出的消息判断
            switch (res.code || 0) {
                case 0:
                case 500:
                    Message({
                        message: res.message,
                        type: 'error'
                    })
                    break
                case 200:
                    Message({
                        message: res.message,
                        type: 'success'
                    })
                    await util.cookies.set('token', res.obj.token)
                    const info = await getUserInfo(res.obj.token)

                    util.cookies.set('uuid', info.id)
                        // 设置 vuex 用户信息
                    await dispatch('d2admin/user/seti', { name: info.obj.username, token: util.cookies.get('token') }, { root: true })
                        // 用户登录后从持久化数据加载一系列的设置
                    await dispatch('load')
                    break
            }
            // 设置 cookie 一定要存 uuid 和 token 两个 cookie
            // 整个系统依赖这两个数据进行校验和存储
            // uuid 是用户身份唯一标识 用户注册的时候确定 并且不可改变 不可重复
            // token 代表用户当前登录状态 建议在网络请求中携带 token
            // 如有必要 token 需要定时更新，默认保存一天

        },
        /**
         * @description 注销用户并返回登录页面
         * @param {Object} context
         * @param {Object} payload confirm {Boolean} 是否需要确认
         */
        logout({ commit, dispatch }, { confirm = false } = {}) {
            /**
             * @description 注销
             */
            async function logout() {
                // 删除cookie
                util.cookies.remove('token')
                util.cookies.remove('uuid')
                    // 清空 vuex 用户信息
                await dispatch('d2admin/user/seti', {}, { root: true })
                    // 跳转路由
                router.push({ name: 'login' })
            }
            // 判断是否需要确认
            if (confirm) {
                commit('d2admin/gray/set', true, { root: true })
                MessageBox.confirm('确定要注销当前用户吗', '注销用户', { type: 'warning' })
                    .then(() => {
                        commit('d2admin/gray/set', false, { root: true })
                        logout()
                    })
                    .catch(() => {
                        commit('d2admin/gray/set', false, { root: true })
                        Message({ message: '取消注销操作' })
                    })
            } else {
                logout()
            }
        },
        /**
         * @description 用户登录后从持久化数据加载一系列的设置
         * @param {Object} context
         */
        async load({ dispatch }) {
            // 加载用户名
            await dispatch('d2admin/user/load', null, { root: true })
                // 加载主题
            await dispatch('d2admin/theme/load', null, { root: true })
                // 加载页面过渡效果设置
            await dispatch('d2admin/transition/load', null, { root: true })
                // 持久化数据加载上次退出时的多页列表
            await dispatch('d2admin/page/openedLoad', null, { root: true })
                // 持久化数据加载侧边栏配置
            await dispatch('d2admin/menu/asideLoad', null, { root: true })
                // 持久化数据加载全局尺寸
            await dispatch('d2admin/size/load', null, { root: true })
                // 持久化数据加载颜色设置
            await dispatch('d2admin/color/load', null, { root: true })
        }
    }
}